<!-- src/components/mean/Content.vue -->
<script setup lang="ts">
import { RouterView } from "vue-router";
import { NCard, NSpace } from 'naive-ui'

defineOptions({
  name: 'Content'
});
</script>

<template>
  <div class="content-container">
    <n-card class="content-card">
      <router-view v-slot="{ Component }">
        <transition name="fade" mode="out-in">
          <component :is="Component" class="router-content" />
        </transition>
      </router-view>
    </n-card>
  </div>
</template>

<style scoped>
.content-container {
  height: 100%;
  overflow-y: auto;
}

.content-card {
  min-height: 100%;
}

</style>
